<%--
  Created by IntelliJ IDEA.
  User: 几何
  Date: 2022/4/16
  Time: 22:44
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>他的资料</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        .body{

        }
        .toubu{
            width: 100%;
            height: 100px;
            background: url(${pageContext.request.contextPath}/images/8.jpg);


        }
        .zhonjian{
            width: 100%;
            height: 70px;
            background-color: #b2d5ff;

        }
        .dibu{
            width: 100%;
            height: 500px;
            background-color: yellow;
            margin: auto;
            background: url("${pageContext.request.contextPath}/images/2.jpg") no-repeat center fixed;
            background-size: 100%;

        }
        .dibuzhonjian{
            width: 800px;
            height: 500px;
            background-color: aliceblue;
            margin: auto;
        }
        .toubu1{
            width: 800px;
            height: 50px;
            background-color: #cfefff;
            line-height: 50px;

        }
        .td{
            width:180px;
            height: 50px;
            text-align: center;
        }
        table{
            margin: auto;
        }
        .td1{
            width: 800px;
            height: 50px;
        }
        .qianming{
            margin-left:250px;

        }
        .touxiangkuangjia{
            width: 800px;
            height: 200px;
            background-color: #F0F8FF;
        }
        .touxiang{
            width: 150px;
            height: 150px;
            margin: auto;
            padding-top: 20px;


        }
        .touxiangdibu{
            width: 800px;
            height: 300px;
        }
        .touxiang>img{
            width: 100%;
            height: 100%;
            border-radius: 50%;
            overflow: hidden;
        }
        .ziti{
            font-size: 30px;
        }
        a{
            text-decoration: none;
        }
    </style>

</head>
<body>
<div class="toubu">

</div>
<form>
    <div class="zhonjian">
        <table >
            <td class="td">他的信息</td>
            <td class="td"><a href="${pageContext.request.contextPath}/others/queryAttentionOthers">他的关注</a></td>
            <td class="td"><a href="${pageContext.request.contextPath}/others/queryothersCollect">他的收藏</a></td>
            <td class="td"><a href="${pageContext.request.contextPath}/others/queryOthersposts">他的帖子</a></td>
            <td class="td"><a href="${pageContext.request.contextPath}/others/queryOtherscommment">他的评论</a></td>
        </table>
    </div>
    <div class="dibu">
        <div class="dibuzhonjian">
            <div class="toubu1">
                <span class="ziti"></span>
                <span class="qianming">签名</span>
            </div>

            <div class="touxiangkuangjia">
                <div class="touxiang">
                    <img src="${user.userHead}" />
                </div>
            </div>

            <div>
                <div class="touxiangdibu">
                    <table width="200px" height="200px">
                        <tr>
                            <td>昵称：</td>
                            <td> ${user.petName}</td>
                        </tr>
                        <tr>
                            <td>注册天数 ：</td>
                            <td>${day}</td>
                        </tr>
                        <tr>
                            <td>获赞数量：</td>
                            <td>${user.userLikes}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

    </div>
</form>

</body>
</html>